Ext.onReady(

	function() {
		//		var person = {
		//			name: 'Jacky',
		//			hairColor: 'black',
		//			loves: ['food', 'sleeping', 'wife']
		//		};
		//
		//		Ext.Object.each(person, function(key, value, myself) {
		//			console.log(key + ":" + value);
		//
		//			if(key === 'loves') {
		//				return false; // 停止迭代
		//			}
		//		});

		//		var p = Ext.create('Ext.ProgressBar', {
		//			renderTo: Ext.getBody(),
		//			width: 300
		//		});
		//
		//		// Wait for 5 seconds, then update the status el (progress bar will auto-reset)
		//		p.wait({
		//			interval: 500, //bar will move fast!
		//			duration: 50000,
		//			increment: 15,
		//			text: 'Updating...',
		//			scope: this,
		//			fn: function() {
		//				p.updateText('Done!');
		//			}
		//		});

		Ext.create('Ext.form.Panel', {
			renderTo: Ext.getBody(),
			width: 300,
			bodyPadding: 10,
			title: 'Dates',
			items: [{
				xtype: 'datefield',
				anchor: '100%',
				fieldLabel: 'From',
				name: 'from_date',
				maxValue: new Date() // limited to the current date or prior
			}, {
				xtype: 'datefield',
				anchor: '100%',
				fieldLabel: 'To',
				name: 'to_date',
				value: new Date() // defaults to today
			}]
		});
	}

);